<template>
    
</template>

<script>
import axios from 'axios';
export default {
    name:'BigChart',
    props:['visible','sheetId','chartType'],
    data() {
        return {
            filterVisible:false,
            series:[],
            cols:[],
            selectedType:'bar'
        }
    },
    watch:{
        visible(value) {
            if(value) {
                this.series = [];
                this.filterVisible = true;
                this.selectedType = this.chartType;
                axios.all([this.getRows(),this.getCols()]).then(axios.spread((data,data2)=>{
                    this.series = data;
                    this.cols = data2;
                    this.setChartData();
                }));
            }
        }
    },
    methods:{
        
        createChart() {}
    }
}
</script>

<style lang="scss" scoped>
@import '../scss/variables.scss';

</style>